import React, { Component } from 'react';
import {
  Platform,
  StyleSheet,
  Text,
  View,
  TouchableHighlight,
  TouchableOpacity,
  Button,
  Alert,
  FlatList,
  ListView,
} from 'react-native';

import { Icon } from 'react-native-elements';
import { List, ListItem, } from 'react-native-elements';
import { NavigationActions } from 'react-navigation';
import ActionSheet from 'react-native-actionsheet';
import { globalStyles } from './StyleSheet';




const styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'column',
    backgroundColor: '#ffffff'
  },
  headerContainer: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
    backgroundColor: '#3C3C3C'
  },
  soundtrackContainer: {
    flex: 7,
    flexDirection: 'column',
    backgroundColor: '#3C3C3C',
    justifyContent: 'flex-start',
  },
  soundtrackContainerBottom: {
    flex: 1,
    flexDirection: 'column',
    justifyContent: 'center',
    backgroundColor: '#3C3C3C',
    alignItems: 'center',
    marginBottom: 10
  },
    headerStyle: {
      backgroundColor: '#3C3C3C',
  },
    soundtrackButton: {
      flexDirection: 'column',
      justifyContent: 'flex-start',
      backgroundColor: '#3C3C3C'
    },

  mainText: {
    margin: 10,
  },

});
